<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ taglib uri="http://www.atg.com/taglibs/daf/dspjspTaglib1_0"
	prefix="dsp"%>
<dsp:page>
	<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%@include file="style.jspf"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fn" prefix="fn"%>

<dsp:importbean bean="/atg/dynamo/droplet/ForEach" />
<dsp:importbean bean="/atg/commerce/catalog/CategoryLookup" />
<dsp:importbean bean="/atg/dynamo/droplet/Switch"/>
<dsp:importbean bean="/atg/commerce/catalog/CatalogNavHistory/"/>

<title>ClothingStore</title>

	</head>
	<body>
		<div id="wrap" class="clear-block">

			<div id="header">
				<dsp:include page="header.jsp" />
			</div>
			<div id="mainnav">
				<dsp:include page="categoryBar.jsp" />
			</div>
			<div id="main">
				<div class="breadcrumb">	
					<dsp:droplet name="CategoryLookup">
							<dsp:param name="id" param="id" />
							<dsp:param name="elementName" value="category" />
							<dsp:oparam name="output">

								<dsp:droplet name="ForEach">
									<dsp:param name="array" param="category.parentCategory" />
									<dsp:param name="elementName" value="category"/>
									  <a href="index.jsp">Home</a> <span class="cutline">&raquo;</span>
										<span class="green"><dsp:valueof param="category.displayName" /></span>
								</dsp:droplet>	
							</dsp:oparam>
					</dsp:droplet>
				</div>
				
				<div class="catgBox">
					<dsp:droplet name="CategoryLookup">
						<dsp:param name="id" param="id" />
						<dsp:param name="elementName" value="category" />
						<dsp:oparam name="output">
							<dsp:droplet name="ForEach">
								<dsp:param name="array" param="category.fixedChildCategories" />
								<dsp:param name="elementName" value="subCategory" />
								<dsp:oparam name="output">
									<div class="box">
										<div class="img">
											<dsp:a href="productList.jsp">
												<dsp:param name="id" param="subCategory.id" />
												<dsp:getvalueof var="imgUrl"
													param="subCategory.thumbnailImage.url" />
												<img src="${fn:replace(imgUrl,'../','')}" />
											</dsp:a>
										</div>
										<div class="info">
											<p class="name">
												<dsp:a href="productList.jsp">
													<dsp:param name="id" param="subCategory.id" />
													<dsp:valueof param="subCategory.displayName" /> 

												</dsp:a>
											</p>
										</div>
									</div>
								</dsp:oparam>
							</dsp:droplet>
						</dsp:oparam>
					</dsp:droplet>
				</div>
			</div>
			<div id="footer">
				<dsp:include page="footer.jsp" />
			</div>
		</div>
	</body>
</dsp:page>
</html>